<script lang="ts" setup>
defineProps<{
  point: number
  title: string
}>()
</script>

<template>
  <view flex="~ col" items-center class="point">
    <text text="28 #f38e48">
      {{ point }}
    </text>
    <text text="20 #333333">
      {{ title }}
    </text>
  </view>
</template>

<style lang="scss" scoped>
.point {
  position: relative;

  &::after {
    content: '';
    top: 0;
    left: -20rpx;
    width: 1rpx;
    height: 100%;
    position: absolute;
    background-color: #d7d7d7;
  }
}
</style>
